<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 箭头函数：
        // 在JS中定义函数的方式：具名函数，匿名函数，Function()构造函数，箭头函数

        // 定义一个函数，实现对一个参数的奇偶数判断。偶数返回true，否则返回false
        // function mycheck(m){ // 具名函数
        //     return m % 2 == 0;
        // }

        // const mycheck = function(m){ // 匿名函数
        //     return m % 2 == 0;
        // }

        // 将function关键词去掉，在()和{}之间放上 => 即变成箭头函数
        // const mycheck = (m) => { // 箭头函数
        //     return m % 2 == 0;
        // }

        // 上的箭头函数可以改成简化版的箭头函数
        // 当参数只有一个时可以省略小括号()
        // const mycheck = m => { // 箭头函数
        //     return m % 2 == 0;
        // }

        // 上的箭头函数可以改成简化版的箭头函数
        // 函数函数体只有语句return时，可以省略{}和return 
        const mycheck = m => (m % 2 == 0);

        console.log(mycheck(10));
        console.log(mycheck(11));

        // 箭头函数的应用：

        const arr = [87,89,56,67,92,45,76];
        // 使用数组的filter过滤方法将上面数组中的小于60的数值过滤掉，只保留大于等于60的
        const brr = arr.filter(function(v){
            return v >= 60;
        });
        console.log(brr);
        // 将上面的回调函数改成箭头函数
        const brr2 = arr.filter(v => v >= 60);
        console.log(brr2);

    </script>
</body>
</html>